Vue环境配置 搭建脚手架

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 记录第三方模块的详细信息，例如：名称，版本，下载地址...