---恢復內容開始---
#一環境搭建vue推薦開發環境:
Node.js: javascript運行環境(runtime),不同系統直接運行各種編程語言
npm: Nodejs下的包管理器。由於國內使用npm會很慢,這里推薦使用淘寶NPM鏡像(http://npm.taobao.org/)
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
webpack: 它主要的用途是通過 CommonJS 的語法把所有瀏覽器端需要發布的靜態資源做相應的准備,比如資源的合並和打包。
vue-cli: 用戶生成Vue工程模板
詳細步驟
1.安裝node.js,去官網傻瓜式的一頓下一步即可
2.安裝完成后打開Win+R,輸入CMD打開命令行工具,輸入node -v,如果出現版本號,則表明安裝成功
3.緊接着輸入 npm -v 顯示npm版本信息
4.安裝cnpm 這里可以用淘寶的NPM鏡像,這樣更快,更高,更強
在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待,安裝完成如下圖。
等待的過程可能會很慢很慢
5.輸入cnpm -v 查看cnpm版本信息
裝Vue.js
1.命令行輸入輸入: cnpm install -g vue-cli,安裝全局vue-cli腳手架,用於幫助搭建所需的模板框架,采用-g,是為了能夠全局使用,而不是在當前目錄下使用。
2.等待一段時間后 輸入vue出現如下圖所示由此vue生成commands命令
3.輸入命令行 :vue init webpack my-first-demo 新建一個demo(下圖中回答no的部分為是否需要安裝測試等)
4.新建完畢后,cd my-first-demo 由此進入新建的模板中 輸入dir進入目錄查看更多信息
5.命令行中輸入:cnpm install
稍等后出現下圖所示,該步驟在demo下新建了一個node_modules文件夾,到此腳手架安裝完成
6.輸入npm run dev 運行結果如下圖表示成功搭建
7.在瀏覽器中可用命令行中顯示的http://localhost:8080訪問我們的模板,最終達到了可用vue命令和模板的效果。
\
8.然后咱們新建的模板就是這個樣子了~
---恢復內容結束---
#一環境搭建vue推薦開發環境:
Node.js: javascript運行環境(runtime),不同系統直接運行各種編程語言
npm: Nodejs下的包管理器。由於國內使用npm會很慢,這里推薦使用淘寶NPM鏡像(http://npm.taobao.org/)
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
webpack: 它主要的用途是通過 CommonJS 的語法把所有瀏覽器端需要發布的靜態資源做相應的准備,比如資源的合並和打包。
vue-cli: 用戶生成Vue工程模板
詳細步驟
1.安裝node.js,去官網傻瓜式的一頓下一步即可
2.安裝完成后打開Win+R,輸入CMD打開命令行工具,輸入node -v,如果出現版本號,則表明安裝成功
3.緊接着輸入 npm -v 顯示npm版本信息
4.安裝cnpm 這里可以用淘寶的NPM鏡像,這樣更快,更高,更強
在命令行中輸入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待,安裝完成如下圖。
等待的過程可能會很慢很慢
5.輸入cnpm -v 查看cnpm版本信息
裝Vue.js
1.命令行輸入輸入: cnpm install -g vue-cli,安裝全局vue-cli腳手架,用於幫助搭建所需的模板框架,采用-g,是為了能夠全局使用,而不是在當前目錄下使用。
2.等待一段時間后 輸入vue出現如下圖所示由此vue生成commands命令
3.輸入命令行 :vue init webpack my-first-demo 新建一個demo(下圖中回答no的部分為是否需要安裝測試等)
4.新建完畢后,cd my-first-demo 由此進入新建的模板中 輸入dir進入目錄查看更多信息
5.命令行中輸入:cnpm install
稍等后出現下圖所示,該步驟在demo下新建了一個node_modules文件夾,到此腳手架安裝完成
6.輸入npm run dev 運行結果如下圖表示成功搭建
7.在瀏覽器中可用命令行中顯示的http://localhost:8080訪問我們的模板,最終達到了可用vue命令和模板的效果。
\