vue腳手架搭建

vue的腳手架是依賴於node.js的，因此安裝vue cli之前需要先安裝node.js。

一、安裝node.js

3、驗證

驗證是否安裝成功：cmd中輸入：node --version,出現如下圖即表明安裝成功

安裝cnpm代替npm,安裝命令如下：

npm install cnpm -g --registry=

安裝完成後輸入cnpm --version命令驗證

如果你發現你安裝成功了，使用cnpm卻發現找不到命令，就是你的環境變數有問題，在環境變數裡面的path新增你node的安裝路徑就行，比如";c:\\nodejs\node_modules"

二、安裝vue-cli

1、全域性安裝 vue-cli ，在命令提示視窗執行：cnpm install -g vue-cli

安裝成功後使用vue --version即可驗證是否夠安裝成功

2、安裝vue-cli成功後，通過cd命令進入你想放置專案的資料夾，在命令提示視窗執行建立vue-cli工程專案的命令：

vue init webpack my-project

2、cd到對應的目錄下初始化vue專案,執行一下命令：

init webpack my-project

project name 專案名 

project description 專案名描述 

author 作者郵箱 

use eslint to lint your code? 是否需要eslist語法檢查 

set up unit tests 是否需要單元測試 

setup e2e tests with nightwatch? yes是否需要e2e測試

3、完成以上即會在指定的目錄下生成vue的檔案目錄如下：

安裝依賴完成過後，使用如下命令進行啟動專案：npm run dev

搭建Vue腳手架

從vue官網安利了一波安裝腳手架的主要 全域性安裝 vue cli npm install global vue cli 建立乙個基於 webpack 模板的新專案 vue init webpack my project 安裝依賴，走你 cd my project npm install npm r...

Vue腳手架搭建

sudo apt get install nodejs legacy nodejs sudo apt get install npm 安裝成功後檢視對應版本 npm install vuenpm install g cnpm registry vue安裝成功後檢視對應版本 npm install g...

vue腳手架搭建

一 vue cli腳手架的搭建步驟 首先，確定你的電腦上已經安裝了nodejs，可以使用npm包管理器安裝環境 1 開啟cmd命令視窗，切換到你要新建專案的資料夾下，此時可使用node v檢查node的版本，如果出現版本號則node已安裝。2 使用以下命令全域性安裝vue cli npm insta...