Vue环境配置 搭建脚手架

发布于:2023-01-18 ⋅ 阅读:(596) ⋅ 点赞:(0)

node:

node相当于前端的服务器,用来编译js,vue和react框架都一个在node环境下进行安装和执行,为了让js的下扩展语法,列如es6和typescript进行兼容,则用node编译

webpack:

模块打包机 ,我们可以把服务器下项目打包成浏览器下执行的项目,也可以打包成手机的app安装包

vue的脚手架cli:帮助你快速搭建项目,给项目内容进行分包分层,进行环境配置

node命令

node -v查询node版本

npm -v 查询npm版本

npm install 模块名 安装模块

npm install 模块名 -g全局安装模块

npm install 模块名 -s局部安装模块

npm uninstall 模块名

搭建vue项目

1.安装脚手架

npm install vue-cli vue 2.0

npm install @vue-cli vue 3.0

2.用脚手架创建项目

vue init webpack 项目名称 vue2.0创建项目

vue create 项目名称 vue3.0创建项目

3.项目下的选项

Please pick a preset:(Use arrow keys)选择vue的版本

4.启动项目

cd 项目文件夹

vue2.0 npm start 或者 npm run dev 启动项目

vue3.0 npm run server 启动项目

项目下的文件:

node_modules node 的配置文件和参数

public 公共资源文件,放置静态文件,例如:html、css、js等

src 写vue代码的

.gitignore配置管理哪些文件,不提交哪些文件

babel.config.js 预设值文件,进行项目全局配置

README.md 日志文件,记录了命令的作用

package.json 记录项目描述和引用的第三方模块

package-lock.json 记录第三方模块的详细信息,例如:名称,版本,下载地址...


网站公告

今日签到

点亮在社区的每一天
去签到