1.配置开发环境

  1. npm config set registry https://registry.npm.taobao.org --global
  2. npm config set disturl https://npm.taobao.org/dist --global
  3. npm install -g @vue/cli
  4. vue create hello-world
  5. npm run serve

2.code 插件

  1. Vue 2 Snippets
  2. Vetur

3.如果npm安装报错

  1. npm cache clean --force

如果npm不能安装,就用cnpm

1.安装cnpm

npm install -g cnpm —registry=https://registry.npm.taobao.org

2.vue-cli

cnpm install -g

二.创建一个vue项目

vue create 01vue-demo
然后
image.png
选择默认的设置

三.启动项目

  1. 使用vscode将项目打开
  2. 调用命令 npm run serve

image.png 有这个就是好了

四、删除

src->image.pngimage.png 删掉
app.vue删到这个样子
image.png

五、使用

只需要对app.vue操作

六、npm安装和yarn

npm i xxx 安装语句
yarn add xxx 安装语句