目錄
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