一、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,并使用webpack創建項目的方法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com