1. 程式人生 > >vue 命令

vue 命令

gis out one build all 框架 dev dropzone project

1.有環境下安裝步驟:
vue init webpack projectname(看項目需要代碼嚴謹程度提示y/n 只有第一個選y 其他選no)
cd到指定的項目文件夾裏npm install
npm run dev


2.無環境安裝步驟
#安裝node
npm install node -g (node -v、npm -v 查詢版本)

#淘寶鏡像安裝
npm install -g cnpm --registry=https://registry.npm.taobao.org

#安裝vue-cli腳手架構建工具
cnpm install -g vue-cli

#安裝webpack
cnpm install webpack -g

#安裝vue
cnpm install vue

# 用vue-cli構建項目
vue init webpack projectname
(看項目需要代碼嚴謹程度提示y/n 只有第一個選y 其他選no)

看package.json中的dependencies和devDependencies項目需要的依賴包,cd 到改項目
#安裝依賴包
cnpm install

#啟動對應項目
npm run dev

#編譯項目
cnpm run build


#安裝axios
npm install axios --save

#安裝vuex
cnpm install vuex --save

#安裝路由
sudo cnpm install --save VueRouter


#安裝數據提交
cnpm i vue-resource --save

#創建VUE項目
sudo/cnpm install --global vue-cli

#設置項目目錄:vue init webpack 項目名稱
vue init webpack my-project


#安裝less依賴
cnpm install less less-loader --save

#安裝sass lang=“scss”
npm install node-sass --save-dev
npm install sass-loader --save-dev

#安裝D3組件
cnpm install d3 --save-dev
npm install d3 --save-dev

#安裝富文本編輯器
cnpm install vue-quill-editor --save


#安裝時間戳處理
cnpm install moment --save

#安裝vue-dropzone上傳插件
cnpm install vue2-dropzone@^2.0.0

#安裝vee-表單插件
cnpm install vee-validate --save

打包 npm run build
package.json中script的"dev": "node build/dev-server.js",替換"dev": "webpack-dev-server --hot --inline",


#安裝vux框架
cnpm install vux --save
#安裝VUX Loader
cnpm install vux-loader --save-dev

#安裝iview組件
cnpm install iview --save

#安裝vonic框架
cnpm install [email protected]


安裝環境
npm i http-server
cd 文件
http-server

vue 命令