首先下載node.js安裝並且配置好環境變量。
去nodejs官網下載即可,地址:http://nodejs.cn/中文網
前提要安裝 以下:
1)安裝vue淘寶鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
2)安裝webpack
npm install webpack -g
3)安裝vue腳手架
npm install vue-cli -g
1、在文件目錄下新建文件夾,命名爲vuetest(名字自定義不做限制啊,只是一個目錄方便管理)。
windows用戶的話,直接進入該文件夾之後點擊上方,點擊地址欄輸入cmd然後回車,就直接用cmd進去改目錄下。
在命令行輸入 vue init webpack (這裏輸入你的項目名字)
下面我解釋命令之後的東西
?Project name test -----------項目名字叫test
? Project description A Vue.js project -----這是一個vue項目
? Author jh --------------作者叫jh
? Vue build standalone
? Install vue-router? Yes ------------是否安裝路由(這裏不安裝的話也可以進去後手動安裝,一般默認安裝y)
? Use ESLint to lint your code? No -------是否使用ESLint 模式(這是嚴格模式會比較麻煩,新手建議不用,畢竟影響不大)
? Set up unit tests Yes -------- 是否設置單元測試,看需求,一般使用
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes ----nightwatch實現vue應用e2e測試
等待一會兒就等下載完之後就好了,如果下載過程中有問題使用cnpm install 一下
之後進去剛剛新建的vue項目的根目錄下面,輸入npm run dev 之後就運行了
直接訪問 http://localhost:8080
一個vue項目就新建完成了
---------------------
作者:雪寂霜凝
來源:CSDN
原文:https://blog.csdn.net/duanaibing3017/article/details/79838050
版權聲明:本文爲博主原創文章,轉載請附上博文鏈接!