vue2.0部分:
使用node.js打开cmd控制台
使用npm命令安装:
npm install -g @vue/cli
成功标识:
创建项目:CD到要创建项目的目录下:
vue create xxx项目名
选择版本完成创建:启动项目
npm run serve
浏览器访问8080端口与,项目启动。
vue3.0部分:---不使用vite(与v2相同)
使用 vite 创建(重点、常用)
v2与v3基本一样,但是v2是自动帮你装好所有东西,所以会比较慢一点,而不会这样做,它会直接先把空壳创建完毕,然后让你手动cd进去npm,属实非常有 参与感......
官方文档:安装 | Vue.js
vite官网:Vite中文网
---------------------------------------------------------------------
1.这里我们使用vite创建进行如下命令
npm init vite-app 项目名
2.然后cd进去
cd 项目名
3.接着手动执行 npm install 安装依赖
npm install
4.最后npm run dev 启动
npm run dev
属实快了不少,切身体会。
创建vue3+TS项目,可使用如下命令:(常用)
npm create vite@latest
然后选择 vue、再选择ts即可,步骤同上 、只是多了手动选择部分:
依次选择【y】-》【输入项目名】-》【选择vue】-》【选择ts】-》【完成项目创建】