如何使用npm安裝vue和vue-cli

如何使用npm安裝vue和vue-cli？針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

vue是什么軟件

Vue是一套用于構建用戶界面的漸進式JavaScript框架，Vue與其它大型框架的區別是，使用Vue可以自底向上逐層應用，其核心庫只關注視圖層，方便與第三方庫和項目整合，且使用Vue可以采用單文件組件和Vue生態系統支持的庫開發復雜的單頁應用。

一、npm 版本需要大于 3.0，如果低于此版本需要升級它：

# 查看版本
$ npm -v
2.3.0

#升級 npm
cnpm install npm -g

二、在用 Vue.js 構建大型應用時推薦使用 NPM 安裝：

# 最新穩定版
$ cnpm install vue

三、Vue.js 提供一個官方命令行工具，可用于快速搭建大型單頁應用。

# 全局安裝 vue-cli
$ cnpm install --global vue-cli
# 創建一個基于 webpack 模板的新項目
$ vue init webpack my-project
# 這里需要進行一些配置，默認回車即可
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project
? Project description A Vue.js project
? Author runoob <test@runoob.com>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

 vue-cli · Generated "my-project".

 To get started:
 
 cd my-project
 npm install
 npm run dev
 
 Documentation can be found at https://vuejs-templates.github.io/webpack

四、進入項目，安裝并運行：

$ cd my-project
$ cnpm install
$ cnpm run dev
 DONE Compiled successfully in 4388ms

> Listening at http://localhost:8080

成功執行以上命令后訪問 http://localhost:8080/，輸出結果如下所示：

注意1：Vue.js 不支持 IE8 及其以下 IE 版本。

注意2：要想在本地瀏覽頁面效果，npm必須運行。如果已經關閉，按照以上第四步指令再次進入即可；

注意3：如果想在服務器端運行網頁，先在npm中將網站打包，打包命令 npm run build;

注意4：想在npm執行打包命令，要先“ctrl+c”終止npm正在運行的批處理操作；

注意5：想在某一個盤中創建一個項目并按照腳手架，如：在E盤中創建一個“myFirstVue”項目

方法1： 進入E盤的“myfirstVue”文件夾，按住“shift+右鍵”， 打開管理員窗口

方法2：“win+R”輸入“cmd”進入管理員窗口，輸入“E：”進入E盤，再輸入“cd myFirstVue”進入myFirstVue文件

關于如何使用npm安裝vue和vue-cli問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。