vue-cli搭建vue項目

1 安裝node,npm
  npm i node npm
node -v npm -v
vue

2 查看webpack版本,這裏要注意,webpack若是爲4.0,可能不兼容vue-cli

node

先卸載 npm uninstall webpack
3.安裝vue-cli
webpack

 

4初始化vue項目
vue init webpack Vue-Project
其中webpack是模板 Vue-Project是項目名稱web

這裏注意把ESLint檢測關了,否則老是會報錯
5 cd目錄
 npm run dev
vue-cli

ok完成了

6.packgae.json
在目錄下面有個package.json文件,能夠查看項目依賴版本和 打包的命令
npm

這裏dev表明開發版本   unit是測試版  build是正式版
7 config
這裏config表明一些文件的配置,經過不一樣的環境變量 NODE_ENV打包不一樣的文件


json

在index.js文件能夠配置對應的域名和參數.

後面有的話再補充吧測試

相關文章
相關標籤/搜索