1.工具nodejs+webstorm
2.具體步驟(通過命令)
(1).全局安裝 vue-cli:npm install -g vue-cli
【安裝完成后,可以使用vue -V(注意 V 大寫)查看是否安裝成功蹋半◎谀叮】
注意:如果提示“無法識別 'vue' ” ,有可能是 npm 版本過低,可以使用 npm install -g npm 來更新版本
(2)生成項目
首先需要在命令行中進(jìn)入到項目目錄卸伞,然后輸入:
vue init webpack Vue-Project (Vue-Project 是自定義的項目名稱)
出現(xiàn)如下圖提示
注意:一定要選擇使用ESLint規(guī)范代碼
配置完成后递宅,可以看到目錄下多出了一個項目文件夾娘香,里面就是 vue-cli 創(chuàng)建的一個基于 webpack 的 vue.js 項目;
(3)進(jìn)入項目目錄办龄,安裝依賴
cd Vue-project?
npm install?
可能出現(xiàn)錯誤:
(4)運(yùn)行項目
npm run dev?
如果瀏覽器打開之后烘绽,沒有加載出頁面,有可能是本地的 8080 端口被占用俐填,需要修改一下配置文件config>index.js