搭建Vue 環(huán)境
1 下載 node.js
node.js 中文網(wǎng) https://nodejs.org/zh-cn/cn/ 下載合適的安裝包
2 配置環(huán)境 （安裝時系統(tǒng)自動配置環(huán)境變量）
- 進入系統(tǒng)環(huán)境變量界面
- 選擇系統(tǒng)變量 path 點擊新建
- 查看是否有node.js 的安裝路徑
3 查看版本
- 查看 node 版本命令：node -v
- 查看 npm 版本命令 npm - v
4 安裝淘寶鏡像，有利于加快下載速度
npm install -g cnpm --registry=https://registry.npm.taobao.org
檢測 cnpm -v
5 下載vue-cli (vue腳手架)，用于搭建vue
使用 npm 下載： -g 表示全局安裝
npm install -g @vue/cli
使用 cnpm 下載 速度會更快一點
cnpm install -g @vue/cli
檢查版本 vue --version 或者 vue -V
6 現(xiàn)在即可創(chuàng)建vue項目了
1 第一種方式 使用命令行界面
-
進入你需要保存vue文件的文件夾，在目錄輸入 cmd ，或者直接打開命令行界面 cd 到保存vue文件的文件夾。
輸入 vue create vue項目名 比如：
vue create test
-
選擇創(chuàng)建項目模板 這里我們選擇自定義 按 上下方向鍵 切換版本，選中第三個選項 回車
-
這里是選擇項目初始化需要的模塊 這里可以根據(jù)需要選擇，我們一般需要
Eable Router Vuex
按 空格鍵 選擇 選擇好后回車即可
-
選擇初始化 vue版本 我們選 3.x 回車
路由器使用歷史模式?(需要適當?shù)姆掌髟O置以便在生產(chǎn)中實現(xiàn)索引回退)(Y/n) 輸入 n 回車
你喜歡把配置Babel, ESLint等放在哪里? 選 in package.json 回車
最后一個也選 輸入 n 回車 后項目開始初始化
5.初始化完畢后 開啟項目 分別復制彈出的代碼 運行項目
打開網(wǎng)址 查看自己的vue項目
2 網(wǎng)頁方式創(chuàng)建 vue項目
在 命令行界面 輸入 vue ui
機會打開網(wǎng)頁 具體操作與以差不多，可以自行嘗試
文章來源：http://www.zghlxwxcb.cn/news/detail-816307.html
一些用用的指令：文章來源地址http://www.zghlxwxcb.cn/news/detail-816307.html
重新更新模塊
npm install
查看當前目錄下安裝的node包
npm list
引入 cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
運行項目
npm run serve
打包項目
npm run build
安裝 vue 3 腳手架 vue-cli
npm install -g @vue/cli
安裝 vue 2 j腳手架
npm install -g vue-cli
卸載 vue-cli
npm uninstall -g vue-cli
引入 axios
npm install axios --save
引入 qs
npm install qs--save
引入 jquery
npm install jquery --save;
引入 bootstrap
npm install bootstrap --save
查找 vue路徑
where vue
到了這里，關于Vue3環(huán)境安裝即項目搭建的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
