VScode调配vue环境

1.百度node.js官网安装node.js
检查:$node -v

2.安装node.js时,会默认装上npm,即生成一个命令脚本npm.cmd,
放在node.js安装根目录中(系统环境变量中有该路径)
该脚本就是用node.js去执行一个js文件npm-cli.js
全称Node Package Manager
意思是node包管理器
检查:$npm -v
若没有出现版本号就去环境变量里找

3.$npm install vue安装全套,由于国外所以很慢
建议淘宝镜像安装cnpm
$npm install -g cnpm --registry=https://registry.npm.taobao.org
检查:$cnpm -v
这样就可以使用cnpm命令来安装模块了
$cnpm install [项目名称]

4.$cnpm install --global vue-cli
使用--global选项是因为这样可以在全局下使用vue-cli工具来创建vue项目,
不需要特定目录,
检查:$vue -V


5.新建一个项目文件夹,进入之后输入命令初始化一个vue项目
$vue init webpack [项目名称]
一路填写信息,回车到Install vue-router?回车后边全no,
没让选no了就还回车

6.$cd [项目名称]
$npm run dev
打开localhost:8080

$npm install [模块]
是npm安装node.js模块的意思
-g是全局安装(global)的意思,不加就是本地安装(local)
npm help 可查看所有命令

PS:
已经创建好的项目,先cd进去,$npm install
再$npm run dev

npm install 只有在第一次运行启动的时候或者有人安装了新的依赖才会运行,别的时候都不用

在报错的时候要学会查看路径,电脑屏幕桌面为C盘,看是否在这个项目的路径之下
路径就是输入命令的地方

安装东西是用npm install XXX来进行安装,安装完成之后package.json中会自己更新,反过来可以看看是否安装成功

 

 在项目组建好了以后可以使用 npm  run  build命令,进行项目打包,打包以后会在该项目目录下的dist里面,

https://blog.csdn.net/SOLar7SysteM/article/details/125892594
https://blog.csdn.net/taiyangmiaomiao/article/details/80094751
https://blog.csdn.net/zhangkai__/article/details/125549603
 
 
posted @ 2019-08-05 17:26  阿蒙不萌  阅读(395)  评论(0)    收藏  举报