安裝Vue CLI

1.安裝Vue CLI=>3

npm install -g @vue/cli

2.檢驗(yàn)Vue CLI版本

vue -V

3.創(chuàng)建vue project

vue create projectname

4.拉取2.x模板

有時(shí)后會(huì)使用Vue CLI2.x的項(xiàng)目模板，就需要拉取2.x的模板下來

#Vue CLI2.x npm install -g @vue/cli-init #2.x的項(xiàng)目創(chuàng)建方式 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

這里有些測試選項(xiàng)沒有選

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

結(jié)構(gòu)分析：https://www.cnblogs.com/goloving/p/8693189.html

總結(jié)

以上是生活随笔為你收集整理的安装Vue CLI的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。