前端应用初始化
基本环境安装
λ node -v
v12.16.2
λ npm -v
7.21.0
因为网速原因,此处使用 cnpm
λ cnpm -v
cnpm@7.0.0
已经安装的 vue-cli 版本:
λ vue -V
@vue/cli 4.5.13
初始化项目
vue create quant-h5
选择 vue3 创建项目,日志如下:
$ vue create quant-h5
? Please pick a preset: (Use arrow keys)
? Please pick a preset: Default ([Vue 2] babel, eslint)
✨ Creating project in D:\code\quant-h5.
🗃 Initializing git repository...
⚙️ Installing CLI plugins. This might take a while...
added 1281 packages in 1m
npm notice
npm notice New minor version of npm available! 7.21.0 -> 7.23.0
npm notice Changelog: <https://github.com/npm/cli/releases/tag/v7.23.0>
npm notice Run `npm install -g npm@7.23.0` to update!
npm notice
🚀 Invoking generators...
📦 Installing additional dependencies...
added 51 packages in 21s
⚓ Running completion hooks...
📄 Generating README.md...
🎉 Successfully created project quant-h5.
👉 Get started with the following commands:
$ cd quant-h5
$ npm run serve
启动
运行下面的命令启动:
$ cd quant-h5
$ cnpm run serve
启动日志如下:
...
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.0.110:8080/
Note that the development build is not optimized.
To create a production build, run npm run build.
直接打开对应的地址即可:
分支初始化
release_1.0.0
为了便于后期迭代学习,将默认的分支定义为 v1.0.0
git checkout -b release_1.0.0
git push --set-upstream origin release_1.0.0
切回 main
然后我们切回 main 分支,后续这里开发
git checkout main
参考资料
https://github.com/cncounter/translation/blob/master/README.md
更多学习
更多实时资讯,前沿技术,生活趣事。尽在【老马啸西风】
交流社群:[交流群信息](https://mp.weixin.qq.com/s/rkSvXxiiLGjl3S-ZOZCr0Q)