Vue Manual，使用手册
- 准备环境
- 安装CLI
- 自动编译ts to js
- 在vs code中安装stylus
- 安装路由
- 查看vue的版本号
- 语法
- 接口定义
- 创建模板项目
- create vue
- vue ui图形界面创建项目
- vue + vite
- 打包和部署
- vs code extendion
- Vue VSCode Snippets
官方文档参考
准备环境
安装CLI
C:\>npm install -g @vue/cli
OR
yarn global add @vue/cli
自动编译ts to js
- 生成tsconfig.json
Terminal 输入 tsc – init - 配置tsconfig.json
"outDir": "./js",
"strict": false,
在vs code中安装stylus
npm install stylus stylus-loader --save-dev
安装路由
npm install vue-router --save
查看vue的版本号
npm view vue version
语法
接口定义
(()=>{interface IPerson{id:number,name:string,age:number,address:string}const person:IPerson={id:100,name:'Michael',age: 18,address: 'China'}console.log(person)
}
)()
创建模板项目
create vue
最新官方推荐创建项目的方式。
$ vue create hello-world
$ npm run serve
vue ui图形界面创建项目
vue ui
vue + vite
npm create vite@latest my-vue-app -- --template vuenpm installnpm run dev
打包和部署
在这里插入代码片npm install serve -gserve dist
vs code extendion
Vue VSCode Snippets
辅助编辑代码片段
