Vue-vue-cli初始化項目
阿新 • • 發佈：2018-03-05
try main clas cli ron http 默認 文件 導致
一、下載安裝node.js
下載地址：https://nodejs.org/en/download/，選擇合適自己的版本下載，我下載的是Windows Installer (.msi) 32.bit。
二、啟用cmd
使用node提供的npm包管理工具 ，可以使用cnpm代替npm。
方法一：使用npm安裝cnpm（會導致npm和cnpm版本可能不一樣）
npm install -g cnpm --registry=https://registry.npm.taobao.org
方法二：重命名方法用alias 命令設置別名
alias cnpm="npm --registry=https://registry.npm.taobao.org \--cache=$HOME/.npm/.cache/cnpm --disturl=https://npm.taobao.org/dist \ --userconfig=$HOME/.cnpmrc"
三、安裝項目
1、安裝vue-cli
cnpm install –g vue-cli
2、新建項目vuedemo
vue init webpack vuedemo
3、在vuedemo下安裝依賴
cd vuedemo
cnpm install
它根據package.json的配置表進行安裝，安裝完後會在vuedemo下多一個文件夾 node_modules，這裏的文件對應著配置表裏的配置
4、運行vuedemo
npm run dev
npm run build
（Dev 運行開發環境，build運行生產環境）
主要文件介紹
index.html 默認有一個js入口main.js
開發主要集中在src目錄下
config build 這兩個是項目的配置信息
node_modules 是node的依賴
Vue-vue-cli初始化項目