【Vue Shop】环境准备

Fork Me On Github

环境准备

项目语言选择

Typescript 本人最为熟悉,特别喜欢她的强类型,加入 vscode 这个开发工具的智能提示,简直不要太方便。

scss 喜欢她的嵌套

开发工具

node.js

vscode

插件

Paste JSON as Code 根据 json 生成 ts 代码

Vetur vue 的语言服务

Vue VSCode Snippets vue 代码块

安装环境

安装全局vue-cli脚手架

npm install --global @vue/cli

创建项目

vue create my-project-name

选择 Manually select features

选中(上下键+空格键) Babel TypeScript Router Vuex Linter / Formatter

输入三次 y

直接默认回车即可

安装 sass 支持

npm install -D sass-loader node-sass

运行

npm run serve

浏览器打开 https://zodream.cn/to/0_0/url/aHR0cDovL2xvY2FsaG9zdDo4MDgw.html

Click here to view
0 92 0