使用VScode創建第一個vue項目
初識vue,小小白一枚
軟件,插件安裝,略...
插件:vetur(支持vue代碼高亮)、ESLint(js語法糾錯)、Auto Close Tag(自動閉合標簽)、Auto Rename Tag(自動完成另一側標簽的同步修改)、jQuery Code Snippets(jQuery 代碼智能提示)。。。
第一步:打開終端,輸入vue init webpack yourprojectName
vue init webpack yourprojectName
果然,通往成功的道路不是那么一帆風順的。。
原因:計算機上啟動 Windows PowerShell 時,執行策略為 Restricted(默認設置)。Restricted 執行策略不允許任何腳本運行。
解決:
在命令框輸入:set-ExecutionPolicy RemoteSigned
選擇Y,這個問題解決!
第二步:繼續在終端輸入vue init webpack yourprojectName
這個過程是一步一步來的,全都選擇yes就行
創建成功之后回出現一下提示
按照提示運行
cd myuve
npm run dev
如下圖:
這時候,一個vue項目就創建出來了,訪問地址:http://localhost:8080
項目結構如下圖:
