vue進階1-2 - 項目搭建（@vue/cli）

Vue CLI 的包名稱由 vue-cli 改爲了 @vue/cli

1、安裝Nodejs

1. 點擊 https://nodejs.org/en/download/ 下載並安裝node。
2. 安裝成功後，在終端輸入 npm -v ,會顯示npm的版本信息。

2、安裝淘寶鏡像

npm是nodejs的包管理工具，爲了加快下載速度，可安裝淘寶鏡像，安裝成功後可cnpm代替npm，在終端輸入

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安裝Vue CLI 3

一、Vue CLI 3 須要 Node >=8.9
二、若是你已經全局安裝了舊版本的 vue-cli (1.x 或 2.x)，你須要先經過 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸載它。

全局安裝@vue/cli，在終端輸入

npm install -g @vue/cli

安裝成功後，可用 vue -V 查看版本。

4、建立vue項目

使用腳手架建立項目，vue3爲項目名稱

vue create vue3

以下圖，你會被提示選取一個 preset。
default: 適合快速建立一個新項目的原型
Manually select features: 是面向生產的項目更加須要的

一、選擇 default

二、選擇 Manually select features, 可根據自身需求進行選擇配置

三、配置項目插件和功能

5、啓動項目

1. 進入項目目錄： cd vue3
2. 啓動項目： npm run serve

注意：Vue.js 不支持 IE8 及其如下 IE 版本。

6、項目目錄

Vue CLI 3去掉了2.x build和config等目錄 ,經過新建 vue.config.js 來進行配置，具體可參考 https://cli.vuejs.org/zh/conf...

7、後臺管理系統實戰

簡單的寫了個後臺管理系統demo,須要參考的童鞋可點擊連接

https://github.com/graycrr/vu...