node环境下创建一个vue项目

204 阅读1分钟

vue在node环境下运行。所以前提是电脑需要安装node环境

1、去node官网下载,window选第一个。然后一直点击下一步安装即可

屏幕截图 2022-01-01 131109.png

2、命令行测试node是否安装成功,cmd窗口输入 node -v 如果安装成功则显示版本号。

window+R键弹出cmd窗口,注意node -v,node与后面之间有个空格。

屏幕截图 2022-01-01 131730.png 屏幕截图 2022-01-01 131705.png

3、npm -v 查看npm版本

图片1.png

4、npm install jquery 使用npm命令下载第三方模块例如jquery

图片2.png

5、1、npm install -g cnpm --registry=registry.npm.taobao.org  下载cnpm

图片3.png

6、1、cnpm -v 查看cnpm版本Cm

图片4.png

7、npm install -g @vue/cli  全局下载vue,期间遇到选项直接回车,不用管。

图片5.png

8、vue create hello 使用vue命令创建vue项目

图片6.png

9、cd .\hello\  npm run serve  启动vue项目, npm run serve 是命令语句。cd .\hello\是切换目录。

图片7.png