Vue框架項目實戰整理:7、Vue項目環境搭建2——回顧快速版

目錄

1、查看 vue命令是否可用

設置使用指定版本的node

再次查看 vue命令是否可用

2、創建項目模板

3、執行 npm install 命令

4、npm run start 啓動項目


1、查看 vue命令是否可用

$ vue
bash: vue: command not found

記得之前 vue-cli腳手架構建工具,都是安裝好的。

Vue框架項目實戰整理:2、Vue項目環境搭建(有圖有真相)

然後想起之前安裝了nvm,對node版本的管理。

 

設置使用指定版本的node

$ nvm use v10.16.0
Now using node v10.16.0 (npm v6.9.0)

 

再次查看 vue命令是否可用

這時候可再次查看 vue命令是否可用

$ vue
Usage: vue <command> [options]

Options:
  -V, --version  output the version number
  -h, --help     output usage information

Commands:
  init           generate a new project from a template
  list           list available official templates
  build          prototype a new project
  create         (for v3 warning only)

 

2、創建項目模板

$ vue init webpack-simple mobileProject
? Project name (mobileProject) mobileProject
>> Sorry, name can no longer contain capital letters.

Sorry, name can no longer contain capital letters.

抱歉,名稱不能再包含大寫字母

$ vue init webpack-simple mobileproject
? Project name mobileproject
? Project description A Vue.js project
? Author 
? License MIT
? Use sass? No
   vue-cli · Generated "mobileproject".
   To get started:
   
     cd mobileproject
     npm install
     npm run dev

執行命令以後,有關提示都直接 enter 回車就行。

這個回頭項目構建成功,都可以在項目目錄下的 package.json 文件上進行配置修改。

 

3、執行 npm install 命令

切換到項目目錄,執行 npm install 命令,它就會把 package.json文件記錄的包給安裝下來!

$ cd mobileproject
$ npm install
npm WARN deprecated [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3.
npm WARN deprecated [email protected]: fsevents 1 will break on node v14+ and could be using insecure binaries. Upgrade to fsevents 2.
。。。
。。。
npm notice created a lockfile as package-lock.json. You should commit this file.
added 847 packages from 584 contributors and audited 847 packages in 38.373s
found 11 vulnerabilities (3 low, 4 moderate, 4 high)
  run `npm audit fix` to fix them, or `npm audit` for details

 

4、npm run start 啓動項目

$ npm run dev
。。。
。。。
> cross-env NODE_ENV=development webpack-dev-server --open --hot
Project is running at http://localhost:8081/
webpack output is served from /dist/
404s will fallback to /index.html
{ parser: "babylon" } is deprecated; we now treat it as { parser: "babel" }.

 

 

 

之前寫的一些博文:

Vue框架項目實戰整理:1、Vue開發工具介紹、快速啓動、常見錯誤

Vue框架項目實戰整理:2、Vue項目環境搭建(有圖有真相)

Node.js後端開發 - 基礎篇 #16 包管理器 NPM

Node.js後端開發 - 基礎篇 #17 package.json 文件

Node.js後端開發 - 基礎篇 #18 nodemon工具

原創 -bash: express: command not found(我們不一樣,困擾我一天的問題!)

原創 JavaEE後臺環境搭建:2、Mac系統安裝配置nvm

原創 JavaEE後臺環境搭建:3、通過nvm安裝指定版本的node

 

 

 

 

 

 

 

 

 

 

 

 

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