vue3.x項目搭建

一、環境準備（此處設備使用window10系統）

1、node安裝，安裝地址為nodejs官網（//nodejs.cn/download/）

這裡根據自己的設備選擇對應的版本，下載下來後，直接安裝即可。

2、檢查是否裝好

打開cmd，輸入 node -v ，如果下面顯示出了版本號，即為安裝成功。

註：node環境的安裝過程中，已經包含了npm，可以同樣檢查版本

二、工程搭建

1、先全局安裝vue-cli 3.0腳手架

如果已經安裝了舊版，運行 npm uninstall vue-cli -g 卸載

由於現已更新到4.5.8版本，所以想要安裝3.0，需指定安裝版本，否則默認安裝最新。

查看3.x 和 4.x 的所有版本號： npm view @vue/cli versions –json

開始-輸入cmd，打開命令行介面

下面開始安裝：

　　運行 npm install -g @vue/[email protected] ，全局安裝腳手架，這個過程有一些慢，所以要稍微等一等。

運行 vue –version 可以查看安裝的版本

上述表示已經安裝完成，下面開始搭建vue工程

2、工程搭建

進入到一個空文件夾裡面

運行 vue create demo01(此處為自定義工程名)

即表示安裝成功，可以看到文件夾裡面已經有工程了。那麼，接下來，用編輯器打開這個工程：

依賴包也已經下載，直接運行 npm run serve 把項目跑起來

見到如下，一個初始化得項目搭建完成了：

其他配置，後續再完善。