VS Code安装与vue项目新建

1、下载安装node.js、VS Code

node.js官网下载

Visual Studio Code官网下载

# 查看node.js是否安装成功
node -v
npm -v
# 定义镜像路径
npm config set registry https://registry.npmmirror.com
# 查看是否配置成功
npm config get# 安装webpack
npm install webpack -g
# 安装vue-cli脚手架构建工具
npm install -g  @vue/cli
# 查看vue版本及是否成功
vue -V

参考连接

Visual Studio Code实用插件推荐

2、vue项目新建

• 创建一个空的文件夹，在路径位置输入cmd打开小黑框

• 创建一个名为book-fornt的项目

  vue create book-fornt
  

• Manually select features（第三选项）

• (空格键进行选择)选择Babel、Router、Vuex、CSS Pre-processors、Linter /Formatter

• 3.x

• No

• Sass/SCSS（with dart-sass）

• Basic(第一选项)

• Lint on save

• In dedicated config files

• No

• 等待完成后：

  cd book-fornt
  npm run serve
  

• 访问http://localhost:8080/，打开起始页