一、npm 版本需要大于 3.0创葡,如果低于此版本需要升級它:
查看版本
$ npm -v
2.3.0
升級 npm
cnpm install npm -g
二、在用 Vue.js 構建大型應用時推薦使用 NPM 安裝:
最新穩(wěn)定版
$ cnpm install vue
三绢慢、Vue.js 提供一個官方命令行工具灿渴,可用于快速搭建大型單頁應用。
全局安裝 vue-cli
$ cnpm install --global vue-cli
創(chuàng)建一個基于 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
四骚露、進入項目,安裝并運行:
cnpm install
$ cnpm run dev
DONE Compiled successfully in 4388ms
Listening at http://localhost:8080
注意1:Vue.js 不支持 IE8 及其以下 IE 版本缚窿。
注意2:要想在本地瀏覽頁面效果棘幸,npm必須運行。如果已經(jīng)關閉倦零,按照以上第四步指令再次進入即可够话;
注意3:如果想在服務器端運行網(wǎng)頁蓝翰,先在npm中將網(wǎng)站打包,打包命令 npm run build;
注意4:想在npm執(zhí)行打包命令女嘲,要先“ctrl+c”終止npm正在運行的批處理操作畜份;
注意5:想在某一個盤中創(chuàng)建一個項目并按照腳手架,如:在E盤中創(chuàng)建一個“myFirstVue”項目
方法1: 進入E盤的“myfirstVue”文件夾欣尼,按住“shift+右鍵”爆雹, 打開管理員窗口
方法2:“win+R”輸入“cmd”進入管理員窗口,輸入“E:”進入E盤愕鼓,再輸入“cd myFirstVue”進入myFirstVue文件