使用nodeJs安裝Vue-cli


安裝nodejs時,請選擇好要保存的路徑,然后把nodejs的路徑配置到環境變量下:(如下我是配置到D盤的nodeJs文件下)

配置環境變量路徑:控制面板\系統和安全\系統\高級系統設置

 

1,安裝完成node,node有自帶的npm,可以直接在cmd中,找到nodeJs安裝的路徑下,進行命令行全局安裝vue-cli。(npm install --global vue-cli)

----想安裝速度快點,可以使用淘寶鏡像如下

----通過config命令    npm config set registry https://registry.npm.taobao.org    

             npm info underscore(如果上面配置正確這個命令會有字符串response

對於新手:(cmd默認打開的是C盤下的路徑,這時候你需要保存項目至其他路徑下,請參考如下鏈接)

http://jingyan.baidu.com/article/425e69e6918df1be15fc1695.html     (cmd如何切換目錄)

2,安裝后,檢查是否安裝成功(顯示版本則安裝成功)。(vue -V)

 

3,使用vue建一個項目名叫“my-project”。(vue init webpack my-project)

----注:vue-cli 的模板包括 webpack 和 webpack-simple,前者是比較復雜專業的項目,他的配置並不全放在根目錄下的 webpack.config.js 中。

----webpack-simple 相對簡單的,它根目錄下才有個 webpack.config.js。

 

4,注意:項目建立過程中,有如下選擇,選擇NO。(該選項為使用ESLint規范你的代碼,一個空格錯誤都將報錯,不開啟,可以避免不必要的麻煩)

----ESLint規范建議開啟,加強代碼規范

 

5,建立項目后,安裝項目依賴npm install

 

6,安裝成功,項目目錄下多出一個node_modules文件夾

 

7,進入項目目錄文件夾(my-project)中,就可以使用vue進行開發啦

 

8,使用npm run dev,便可以打開本地服務器實時查看效果(localhost:8080)

如遇到報錯如下:請檢查當前項目是否有node_modules文件,或者重新創建一個項目,按照步驟操作

 

9,初始效果

 

10,退出監聽,可以直接Ctrl+C,選擇Y。

 
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM