Vue(利用Vue cli搭建大型專案)

2021-08-31 21:04:58 字數 798 閱讀 3502

1. 先安裝好git和node.js

$ npm install -g cnpm --registry=
3. 全域性安裝vue-cli 

$ cnpm install vue-cli -g
4. 初始化,建立專案(vue1),按回車即可

$ vue init webpack vue1
5. 進入建立好的資料夾vue1

$ cd vue1/
6. 安裝package.json配置的依賴,只是會多個資料夾node_modules

$ cnpm install
7. 開啟本地伺服器,會生成乙個位址,開啟它可以看到乙個vue的預設模板

$ npm run dev
8. 修改.eslintrc.js檔案配置,找到rules這個物件,新增幾個規則

'semi':2, //分號不報錯

'no-unnsed-vars':1, //定義未使用不報錯

9.如果不用eslintrc在config檔案的index.js修改一下配置,找到useeslint,將true改為false即可

useeslint: false
10.  在src檔案下的components檔案新建乙個模板mycomponent.vue 

我是}

vue cli 搭建vue專案

安裝完成後,開啟命令列工具輸入命令node v,如果出現對應版本號,就說明安裝成功了。npm包管理器,是整合在node中的,所以,直接輸入npm v也會顯示出npm的版本資訊。由於npm的有些資源被牆,為了更快更穩定,所以我們需要切換到 的npm映象 cnpm。npm install g cnpm ...

vue cli搭建vue專案

生成依賴 命令 npm install 4.執行命令 npm run dev 5專案打包命令 npm run build 檢測node版本 node v 檢視npm安裝 npm v 解除安裝vue cli2 npm uninstall vue cli g 安裝vue cli3 npm install...

vue cli 搭建vue專案

前提搭建好nodejs環境 vue cli是vue.js的腳手架,用於自動生成vue.js webpack的專案模板,建立命令如下 vue init webpack 注1 為自己建立專案的名稱 注2 必須先安裝vue,vue cli,webpack,node等一些必要的環境 命令 npm insta...