【安裝 - 參見官網】
# # 使用npm在命令列安裝最新穩定版
# npm install vue
【vue - 模組化開發新專案環境搭建】
1.全域性安裝webpack
# npm install webpack -g
2.全域性安裝vue腳手架
# npm install -g @vue/cli-init
3.初始化vue專案
# 新建專案資料夾：vue-demo
# cd vue-demo
? project name vue-demo
? project description a vue.js project
? author jack
? vue build standalone
? install vue-router? yes
? use eslint to lint your code? no
? set up unit tests no
? setup e2e tests with nightwatch? no
? should we run `npm install` for you after the project has been created? (recommended) npm
vue-cli · generated "vue-demo".
# installing project dependencies ...
# ********************====
[ .........] / reify:autoprefixer: timing reify:loadbundles completed in 0ms
added 1262 packages in 1m
# project initialization finished! -- 表示初始化成功
# ********************====
to get started:
cd vue-demo
npm run dev
documentation can be found at
4.啟動vue專案
專案的package.json中有scripts，代表我們能執行的命令
# 啟動專案： npm start = npm run dev
# npm run dev
5.訪問： http://localhost:8080
vue腳手架安裝
cli 別名 腳手架 npm cnpm yarn 作用 版本 cli2 cli3 安裝npm install vue cli g cli3的版本 npm install vue cli g cli2的版本 yarn add vue cli global步驟 先安裝cli3 在安裝 vue cli i...
vue安裝腳手架
如果之前安裝過舊版本 非3.x 腳手架需要先解除安裝舊版本 命令 nmp uninstall vue cli g mac電腦需要在前面 加sudo nmp install g vue cli 安裝腳手架，用於生成專案 安裝得比較久 nmp install g vue cli service glob...
安裝vue腳手架
vue2.0 1.vue v 檢視版本，如果出現版本號，之前已經安裝過了。如果之前安裝的版本是想要的版本，可以直接建立專案 2.npm uninstall vue cli g 如果之前安裝了3.0的版本，現在想要安裝2.0，先解除安裝安裝過的版本 3.npm cache clean force 如果...