vsCode 創建Vue項目

vue推薦開發環境:

Node.js: javascript運行環境(runtime),不同系統直接運行各種編程語言

webpack: 它主要的用途是通過 CommonJS 的語法把所有瀏覽器端需要發佈的靜態資源做相應的準備,比如資源的合併和打包。

vue-cli: 用戶生成Vue工程模板

 

步驟:

1.安裝Node.js 官網下載,直接安裝,安裝完可以在命令行裏通過node -v測試是否安裝正確。

   npm包管理器,是集成在node中的,直接輸入 npm -v 查看版本信息

2.安裝vue-cli腳手架構建工具

在命令行中運行命令 npm install -g vue-cli ,然後等待安裝完成。

npm install -g vue-cli 

3.用vue-cli構建項目

   要創建項目,首先我們要選定目錄,然後再命令行中把目錄轉到選定的目錄。vue init webpack demo

vue init webpack demo

在安裝時會詢問你: 

(1)、Project name demo;項目名稱demo。(確定按enter,否按N) 

(2)、 Project description (A Vue.js project);項目描述

(3)、Author (wtt1002);作者(wtt1002)。(確定按enter,否按N) 

(4)、Vue build (Use arrow keys)> Runtime + Compiler: recommended for most usersRuntime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render         functions are required elsewhere;(按enter) 

(5)、Install vue-router? (Y/n);(可安可不安,我按enter) 

(6)、Use ESLint to lint your code? (Y/n);使用ESlint語法?(Y/ N)。(使用ESLint語法,建議N) 

(7)、Setup unit tests with Karma + Mocha? (Y/n);設置單元測試?(Y / N)。(建議N) 

(8)、Setup e2e tests with Nightwatch? (Y/n);Nightwatch建立端到端的測試?(Y / N)。(建議N)

4.通過npm run dev啓動項目,按住trl點擊url就可以訪問了

npm run dev

 

參考:https://www.cnblogs.com/z45281625/p/9015380.html

           https://blog.csdn.net/mao834099514/article/details/79138484

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章