vue-cli4.x環境搭建

1、安裝

npm install -g @vue/cli

安裝好了之後輸入 vue -V 查看版本
在這裏插入圖片描述
(如果vue-cli和node.js版本不符的話,會報錯,建議去官網下載一個更加穩定的版本,我是用的是v12.13.0)
查看node版本:node -v

2、搭建項目

新建項目 vue create project-name
在這裏插入圖片描述
我選的自定義配置,如下:
在這裏插入圖片描述
選擇是否使用路由 history router,其實直白來說就是是否路徑帶 # 號,我選擇的y
在這裏插入圖片描述
css 的預處理器我選擇的是 Sass/SCSS(with node-sass) ,node-sass是自動編譯實時的,dart-sass需要保存後纔會生效
在這裏插入圖片描述
下面就是如何存放配置了,In dedicated config files 存放到獨立文件中,In package.json 存放到 package.json 中
在這裏插入圖片描述
然後,然後就安裝完成,根據提示進入項目
在這裏插入圖片描述
就可以了
在這裏插入圖片描述

3、項目配置

從 vue-cli3.0 開始 build 和 config 目錄就取消了,如果需要修改配置,可以在項目的根目錄新建一個 vue.config.js 文件來覆蓋項目的配置,因爲項目的配置比較多,這裏就不分別介紹了,可以 訪問官方文檔

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