Vue環境搭建和項目初始化（windows）

標籤：node   iis   下載   nod   注意   官網   國外   style   使用者權限   

1.    安裝node.js

官網下載安裝：https://nodejs.org/en/

版本查看：node -v 

注意：node版本最好新一點好，推薦6.0以上。

2.    npm安裝webpacka)     命令

npm install -g webpack //全域安裝

npm install -g webpack-dev-server //安裝調試工具

b)     Webpack安裝許可權問題

 

如果出現所示錯誤說明使用者權限受限，使用管理員權限開啟命令提示字元（或node.js 命令提示字元）

 

User使用者身份開啟node.js命令提示字元視窗如下：

 

管理員身份開啟node.js命令提示字元視窗如下：

 

3.    npm安裝vue-clic)     命令

npm install -g vue-cli //全域安裝

4.    建立一個基於 webpack 模板的新項目

註：Vue.js官方基於提供的開發模板介紹見《Vue開發模板簡介》

建立項目目錄D:\\vue_project

在項目目錄下執行下列命令

vue init webpack project-name //預設安裝2.0版本

vue init webpack#1.0 project-name //安裝1.0版本

 

5.    項目目錄

 

6.    安裝項目依賴

一定要從官方倉庫安裝，npm 伺服器在國外所以這一步安裝速度會很慢。

npm install

不要從國內鏡像cnpm安裝(會導致後面缺了很多依賴庫)

cnpm install

7.    啟動項目

npm run dev

8.    發布

npm run build

a)     vue-simple-webpack

執行發布命令後，會產生發布時的build.js，並且是經過壓縮的。

b)     vue-webpack

執行發布命令後，會將所有的靜態資源（包括index.html）都產生到dist目錄下。也就是說你可以直接拿著dist目錄去發布應用，例如在IIS下將dist目錄發布為一個網站。

Vue環境搭建和項目初始化（windows）