安装Vue CLI
安装Vue CLI
1.安装Vue CLI=>3
npm install -g @vue/cli
2.检验Vue CLI版本
vue -V
3.创建vue project
vue create projectname
4.拉取2.x模板
有时后会使用Vue CLI2.x的项目模板,就需要拉取2.x的模板下来
#Vue CLI2.x
npm install -g @vue/cli-init
#2.x的项目创建方式
vue init webpack my-project
5.Vue CLI2.x和3.x以上的vue project目录对比
3.x以上
myvue
|- package.json
|- package-lock.json
|- babel.config.js
|- README.md
+ |- /src
|- App.vue
|- main.js
|- /assets
|- logo.png
|- /components
|- HelloWorld.vue
+ |- /public
|- favicon.ico
|- index.html
+ |- /node_modules
2.x
这里有些测试选项没有选
myvue
|- package.json
|- package-lock.json
|- index.html
|- README.md
+ |- /src
|- App.vue
|- main.js
|- /assets
|- logo.png
|- /components
|- HelloWorld.vue
|- /router
|- index.js
+ |- /build
|- build.js
|- check-versions.js
|- logo.png
|- utils.js
|- vue-loader.conf.js
|- webpack.base.conf.js
|- webpack.dev.conf.js
|- webpack.prod.conf.js
+ |- /node_modules
+ |- /static
+ |- /config
|- dev.env.js
|- index.js
|- prod.env.js
结构分析:https://www.cnblogs.com/goloving/p/8693189.html