vue環境配置及新建HelloWorld

vue環境配置及新建HelloWorld

系統環境：Mac Os , iTerms.

 

 

1.檢測環境

npm -v

node -v 

 

2.安裝vue.cli

 

npm install -g @vue/cli

vue --version
//vue版本最好在3.0以上

3.創建工程

//進入保存工程的文件夾
cd /Users/crook/Documents/前端/vueProject

//創建工程
vue create test1

//進入剛纔創建的文件夾
cd test1/

//啓動
npm run serve

4.詳細過程

//創建工程
vue create test1

輸入create命令後，需要進行配置，詳細配置如下圖所示。

 

選擇 Manually select features，表示手動進行配置。

 

選擇需要用到的工具,Babel,Router,Vuex,Css Pre-processors.

 

輸入y

 

 

 

 

 

 

 

 

創建工程成功後，npm run serve 啓動vue，在瀏覽器輸入http://localhost:8080/，看到如下界面，表示成功。

 

 

最後，如果是使用sublime開發vue，爲了能讓sublime支持vue文件，需要配置一下語法高亮。參考文章

https://www.cnblogs.com/kongxianghai/p/6732429.html