vue从入门到放弃

Posted 2021-08-30 胡庚申

vue2.0创建项目命令：

(base) goldwater@hujinshui vue % cnpm install -g vue-cli
(base) goldwater@hujinshui vue % vue init webpack vue2.0-demo

? Project name vue2.0-demo # 项目名称
? Project description A Vue.js project # 项目描述
? Author your name # 开发者名字
? Vue build standalone # vue 编译模式
? Install vue-router? Yes # 是否安装vue 路由
? Use ESLint to lint your code? No # 是否使用vue代码检测插件
? Set up unit tests No # 是否设置单元测试
? Setup e2e tests with Nightwatch? No # 是否使用自动化测试插件Nightwatch
? Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys) # 使用哪个管理插件包

❯ Yes, use NPM
  Yes, use Yarn
  No, I will handle that myself
  To address issues that do not require attention, run:
  npm audit fix

To address all issues (including breaking changes), run:
  npm audit fix --force

Run `npm audit` for details.

# Project initialization finished!
# ========================

To get started:

  cd vue2.0-demo
  npm run dev

Documentation can be found at https://vuejs-templates.github.io/webpack

(base) goldwater@hujinshui vue % cd vue2.0-demo
(base) goldwater@hujinshui vue2.0-demo % npm run dev

vue3.0创建项目命令：

(base) goldwater@hujinshui vue % cnpm install -g @vue/cli
(base) goldwater@hujinshui vue % vue create vue3.0-demo-1
Vue CLI v4.5.13
? Please pick a preset: (Use arrow keys)
❯ Default ([Vue 2] babel, eslint) # 默认使用vue3的配置
  Default (Vue 3) ([Vue 3] babel, eslint) # 默认使用vue3的配置
  Manually select features # 自定义配置
  # 上述选择后，等待安装即可
  Initializing git repository...
⚙️  Installing CLI plugins. This might take a while...

added 1236 packages in 20s
🚀  Invoking generators...
📦  Installing additional dependencies...


added 3 packages in 2s
⚓  Running completion hooks...

📄  Generating README.md...

🎉  Successfully created project vue3.0-demo-1.
👉  Get started with the following commands:

 $ cd vue3.0-demo-1
 $ npm run serve

(base) goldwater@hujinshui vue % cd vue3.0-demo-1
(base) goldwater@hujinshui vue3.0-demo-1 % npm run serve