VUE之基本部署及VScode常用插件

参考资料：

参考视频

VScode常用插件清单

node.js官网

node.js官网中文版

VUE官方文档 

---

VScode常用插件：

• VScode常用插件详解见上述连接，插件列表如下：

•  VScode的注释/取消注释快捷键为：Ctrl+/

---

 VUE的基本安装部署--基本环境配置：

1.node.js的安装

• node.js是JavaScript的编译器
• 在上述连接，node.js官网或者node.js中文网选择对应的版本下载，安装即可

•  安装完成后，在控制台输入node，进入JavaScript编辑框，如果没反应则说明安装失败

•  连续按两次Ctrl+C，即可退出.

2.npm简单使用

• npm查看下载源

npm config get registry

• npm设置淘宝镜像源

npm config set registry=https://registry.npm.taobao.org

• npm在某目录下安装依赖

 npm i xxx

 

 

 

 

 3.VUECLI（VUE脚手架安装）

• 可以通过VUE官网→生态系统→工具→Vue CLI，对VUE脚手架进行了解

• 点击安装可以看到安装命令

• 在任意目录下，使用npm命令安装即可

•  用下面命令查看vue版本

vue --version

 

 

---

 VUE的基本安装部署--简单项目的创建：

1.在控制台切换到要创建项目的目录下

 2.使用下面命令创建项目

vue create

 比如，创建项目名为myself-demo的项目

 3.选择默认的VUE 2项目即可，键盘上↑下↓，enter确认选择

 4. 进入到创建的项目目录中，使用下面命令用VScode打开该项目

code .

 

 5.在VScode的控制台输入下面命令进行运行

npm run serve

 

 6.在浏览器输入或者点击下面的链接即可对项目进行访问

 

 7.以上就是简单的项目部署流程