做一个VUE项目(一 环境安装)

安装node.js环境

安装node

下载node.js window环境安装
下载链接
我下的16.11,作项目开发的小伙伴可以下稳定版
1, 安装


2. 修改安装路径


3. 安装


4. 安装成功

校验node

安装完成后一定要检验是否安装成功
node安装完成后会连带 npm一起安装,接下来就是校验是否安装成功

1. 校验node版本

node -v

出现这个安装成功
2. 校验npm

npm -v

3. 设置镜像仓库

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

安装VUE环境

安装taobao镜像 vue

注意:一定要安装到全局
npm自带源安装太慢,用taobao的

npm install -g @vue/cli

出现下面则意味着安装完成

测试vue

vue -V

如果出现上述错误,用管理员打开powershell 运行下面命令,随后输入A即可

A

set-executionpolicy remotesigned

随后再次测试

环境安装完毕,接下来去pycharm生成一个vue项目

pycharm生成vue项目

安装vue插件

在插件中搜索vue 点击安装就好,我的pycharm已经汉化,按照位置参考一样安装

安装完成后重启pycharm创建项目

创建vue项目

1. 点击新建项目
2. 选择vue.js,点开更多,查看是否正确选择node
3. 修改项目名,创建项目
   
4. 等待pycharm安装完成
   
   

5.安装完成,启动测试
安装完成后,pycharm会自动配置启动项


到这里就结束了,环境配置完毕,明天开始写代码,模仿一个牙科医院页面