用vue.js写开发需要npm 安装 vuenpm吗

以后js大一统,npm就不再只是nodejs package manager的,而是js package manager,本文主要讲解npm的私有模块好处和用法,以及遇到的问题解决方法。Why?首先看一下npm的好处易于使用,下载,开发,发布,测试等管理模块依赖模块化,易于拆分npm提供足够多的hook,可以定制很多功能安装版本,可随意指定,可以干坏事儿的私有npm的好处继承了所有npm的好处只有模块拥有者才可以下载,具有私密性目前情况nodejs世界里都是npm,一统江湖前端js世界,正在向npm靠拢,npm的种种好处,只比bower强,不弱。举个例子,眼下最火的reactjs的组件,推荐就是webpack打包,然后发布都npm上。目前做的比较好的是ant.design,它的tab组件里的package.json/react-component/tabs/blob/master/package.json我们再看一下它的用法var Tabs = require('rc-tabs');
var TabPane = Tabs.TabP
var callback = function(key){
React.render(
defaultActiveKey=&2& onChange={callback}&
tab='tab 1' key=&1&&first&
tab='tab 2' key=&2&&second&
tab='tab 3' key=&3&&third&
document.getElementById('t2'));一样的require,一样的调用,是不是感觉很亲切啊?Moajs的插件机制:它可以做的更多核心代码如下
&scripts&: {
&start&: &npm publish .&,
&test&: &echo \&Error: no test specified\& && exit 1&,
&postinstall&: &node ./node_modules/nmm-link/link.bin.js&
&dependencies&: {
&nmm-link&: &^1.0.2&
}说明:postinstall是npm的hook,当安装完成之后的回调,这里只想nmm-link里的一个脚本nmm-link是一个生产软连接的工具其实整个插件机制异常简单通过npm安装后的回调postinstall来执行脚本根据当前npm目录信息来创建对应的逻辑处理,比如这里的创建link是不是很简单?更多参见:/misc/scriptsnpm supports the “scripts” property of the package.json script, for the following scripts:prepublish: Run BEFORE the package is published. (Also run on local npm install without any arguments.)publish, postpublish: Run AFTER the package is published.preinstall: Run BEFORE the package is installedinstall, postinstall: Run AFTER the package is installed.preuninstall, uninstall: Run BEFORE the package is uninstalled.postuninstall: Run AFTER the package is uninstalled.preversion, version: Run BEFORE bump the package version.postversion: Run AFTER bump the package version.pretest, test, posttest: Run by the npm test command.prestop, stop, poststop: Run by the npm stop command.prestart, start, poststart: Run by the npm start command.prerestart, restart, postrestart: Run by the npm restart command. Note: npm restart will run the stop and start scripts if no restart script is provided.这么多hook,是不是想干啥都够?扯了这么多,我的目的是讲npm的好处,其实这就衍生出私有npm的重要性,很多时候,公司的东西不能开发,就算是一个插件,开发出来也不合适,于是大家都行要私有的npm,于是这帮货就想了个办法,给npm增加scope功能,即所谓的private npm。自建npm源的技术选项实现private npm有2种办法自建付费购买我参照的是/cnpm/cnpmjs.org/wiki/Deploy-a-private-npm-registry-in-5-minutes目前没有成功,有成功的可以分享一下搭建私有仓库的可选方案/npm/npm-registry-couchapp/cnpm/cnpmjs.org上面2种方式,一个推荐couchdb,一个推荐mysql,总是每个1G内存,甭想玩,而且同步能否限制还不好说。付费方案npmjs上是7美元/月,可以无限量的上传。私有模块无法被其他源copy,所以要保证源是registry=https://registry.npmjs.org/或者nrm use npmjs.破财省得麻烦,也算值得了npm私有模块在服务器安装不上?1) 更新npm版本,必须在2.11以上npm install -g npm2) 用户登录,注意是该模块的拥有者npm login3) 检查~/.npmrc,是否存在_authToken,如无,请更新npm版本去[deploy@iZ251uvtr2bZ moajs]$ cat ~/.npmrc registry=https://registry<span clas& 准备Nodejs开发环境Ubuntu
准备Nodejs开发环境Ubuntu
,将介绍如何利Javascript做为服务端脚本,通过Nodejs框架web开发。Nodejs框架是基于V8的引擎,是目前速度最快的Javascript引擎。chrome浏览器就基于V8,同时打开20-30个网页都很流畅。Nodejs标准的web开发框架Express,可以帮助我们迅速建立web站点,比起PHP的开发效率更高,而且学习曲线更低。非常适合小型网站,个性化网站,我们自己的Geek网站!!
张丹(Conan), 程序员Java,R,PHP,Javascript
weibo:@Conan_Z
转载请注明出处:
通过apt-get安装nodejs &#8211;
从github下载源代码安装 &#8211;
建立express工程,启动第一个项目
系统环境:
Ubuntu 12.04 LTS 64bit
1. 通过apt-get安装nodejs – 失败:
~ sudo apt-get install nodejs
~ sudo apt-get install npm
创建工作目录
~ mkdir workspace
~ mkdir workspace/nodejs
~ cd workspace/nodejs
/home/conan/workspace/nodejs
sudo npm install express -g
npm http GET https://registry.npmjs.org/express
npm http 304 https://registry.npmjs.org/express
npm http GET https://registry.npmjs.org/connect/2.7.11
npm http GET https://registry.npmjs.org/commander/0.6.1
npm http GET https://registry.npmjs.org/range-parser/0.0.4
npm http GET https://registry.npmjs.org/mkdirp/0.3.4
npm http GET https://registry.npmjs.org/cookie/0.1.0
npm http GET https://registry.npmjs.org/buffer-crc32/0.2.1
npm http GET https://registry.npmjs.org/fresh/0.1.0
npm http GET https://registry.npmjs.org/methods/0.0.1
npm http GET https://registry.npmjs.org/send/0.1.0
npm http GET https://registry.npmjs.org/cookie-signature/1.0.1
npm http GET https://registry.npmjs.org/debug
npm http 304 https://registry.npmjs.org/commander/0.6.1
npm http 304 https://registry.npmjs.org/connect/2.7.11
npm http 304 https://registry.npmjs.org/range-parser/0.0.4
npm http 304 https://registry.npmjs.org/mkdirp/0.3.4
npm http 304 https://registry.npmjs.org/cookie/0.1.0
npm http 304 https://registry.npmjs.org/buffer-crc32/0.2.1
npm http 304 https://registry.npmjs.org/fresh/0.1.0
npm http 304 https://registry.npmjs.org/methods/0.0.1
npm http 304 https://registry.npmjs.org/send/0.1.0
npm http 304 https://registry.npmjs.org/cookie-signature/1.0.1
npm http 304 https://registry.npmjs.org/debug
npm ERR! error installing express@3.2.6
npm ERR! error rolling back express@3.2.6 Error: UNKNOWN, unknown error '/usr/local/lib/node_modules/express'
npm ERR! Unsupported
npm ERR! Not compatible with your version of node/npm: connect@2.7.11
npm ERR! Required: {"node":"&= 0.8.0"}
npm ERR! Actual: {"npm":"1.1.4","node":"0.6.12"}
npm ERR! System Linux 3.5.0-23-generic
npm ERR! command "node" "/usr/bin/npm" "install" "express" "-g"
npm ERR! cwd /home/conan/workspace/nodejs
npm ERR! node -v v0.6.12
npm ERR! npm -v 1.1.4
npm ERR! code ENOTSUP
npm ERR! message Unsupported
npm ERR! errno {}
npm http GET https://registry.npmjs.org/mime/1.2.6
npm ERR! Additional logging details can be found in:
npm ERR! /home/conan/workspace/nodejs/npm-debug.log
npm not ok
系统提示, node和npm版本不兼容。可能是终于apt-get源没有更新造成的问题。
2. 从github下载源代码安装 – 成功
下面要找到兼容的版本,手动安装。
先卸载刚刚装的node和npm
~ sudo apt-get autoremove npm
~ sudo apt-get autoremove nodejs
找到nodejs的官方发布下载:/joyent/node
在ubuntu中,先安装git
~ sudo apt-get install git
然后,从github下载nodejs源代码
~ git clone git:///joyent/node.git
Cloning into 'node'...
remote: Counting objects: 100200, done.
remote: Compressing objects: 100% (), done.
remote: Total 100200 (delta 78807), reused 90936 (delta 70473)
Receiving objects: 100% (200), 61.81 MiB | 698 KiB/s, done.
Resolving deltas: 100% (), done.
进入node目录
/home/conan/workspace/nodejs/node
切换最新的release的版本v0.11.2-release
~ git checkout v0.11.2-release
Branch v0.11.2-release set up to track remote branch v0.11.2-release from origin.
Switched to a new branch 'v0.11.2-release'
./configure
sudo make install
安装完成,查看node版本
-bash: /usr/bin/node: No such file or directory
提示错误,没有找到node,查一下node安装位置
~ whereis node
node: /usr/local/bin/node
增加软链接:node和npm到/usr/bin
~ sudo ln -s /usr/local/bin/node /usr/bin/node
~ sudo ln -s /usr/local/bin/npm /usr/bin/npm
我们再查看node和npm版本
下面安装express
~ sudo npm install express -g
express@3.2.6 /usr/local/lib/node_modules/express
├── methods@0.0.1
├── fresh@0.1.0
├── range-parser@0.0.4
├── cookie-signature@1.0.1
├── buffer-crc32@0.2.1
├── cookie@0.1.0
├── debug@0.7.2
├── commander@0.6.1
├── mkdirp@0.3.4
├── send@0.1.0 (mime@1.2.6)
└── connect@2.7.11 (pause@0.0.1, qs@0.6.5, bytes@0.2.0, cookie@0.0.5, formidable@1.0.14, send@0.1.1)
安装成功。
3. 建立express工程,启动第一个项目
~ express -e nodejs-demo
create : nodejs-demo
create : nodejs-demo/package.json
create : nodejs-demo/app.js
create : nodejs-demo/public
create : nodejs-demo/public/javascripts
create : nodejs-demo/public/images
create : nodejs-demo/public/stylesheets
create : nodejs-demo/public/stylesheets/style.css
create : nodejs-demo/routes
create : nodejs-demo/routes/index.js
create : nodejs-demo/routes/user.js
create : nodejs-demo/views
create : nodejs-demo/views/index.ejs
install dependencies:
$ cd nodejs-demo && npm install
run the app:
$ node app
安装依赖包
~ cd nodejs-demo
~ sudo npm install
express@3.2.6 node_modules/express
├── methods@0.0.1
├── fresh@0.1.0
├── range-parser@0.0.4
├── cookie-signature@1.0.1
├── buffer-crc32@0.2.1
├── cookie@0.1.0
├── debug@0.7.2
├── commander@0.6.1
├── mkdirp@0.3.4
├── send@0.1.0 (mime@1.2.6)
└── connect@2.7.11 (pause@0.0.1, qs@0.6.5, bytes@0.2.0, cookie@0.0.5, formidable@1.0.14, send@0.1.1)
~ node app.js
Express server listening on port 3000
测试是否启动成功curl
~ sudo apt-get install curl
~ curl localhost:3000
&!DOCTYPE html&
&title&Express&/title&
&link rel='stylesheet' href='/stylesheets/style.css' /&
&h1&Express&/h1&
&p&Welcome to Express&/p&
nodejs的服务器日志:
GET / 200 6ms - 206b
好了,我们已经成功的在ubuntu中,准备好了nodejs的开发环境。下面就可以享受开发的乐趣了。
进阶的内容请继续看
转载请注明出处:
This entry was posted in
Pingback: ()
Designed by兼容性Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能实现的 ECMAScript 5 特性。 Vue.js 支持所有。
更新日志每个版本的更新日志见 。
独立版本直接下载并用 &script& 标签引入,Vue 会被注册为一个全局变量。重要提示:在开发时请用开发版本,遇到常见错误它会给出友好的警告。
获取(版本更新可能略滞后)。
CSP 兼容版本有些环境,如 Google Chrome Apps,强制应用内容安全策略 (CSP) ,不能使用 new Function() 对表达式求值。这时可以用 。
NPM在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如
的 CommonJS 模块打包器配合使用。Vue.js 也提供配套工具来开发。
$ npm install vue$ npm install
命令行工具Vue.js 提供一个,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需一分钟即可启动带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:
$ npm install -g vue-cli$ vue init webpack my-project$ cd my-project$ npm install$ npm run dev
开发版本重要:发布到 NPM 上的 CommonJS 包 (<mon.js) 只在发布新版本时签入 master 分支,所以这些文件在 dev 分支下跟稳定版本是一样的。想使用 GitHub 上最新的源码,需要自己编译:
git clone /vuejs/vue.git node_modules/vuecd node_modules/vuenpm installnpm run build
Bower$ bower install vue
AMD 模块加载器独立版本或通过 Bower 安装的版本已用
包装,因此它们可以直接用作 AMD 模块。查看: 75769|回复: 16
注册时间最后登录阅读权限200积分2815精华10帖子
新版本与老版本方法不再相同,
&&安装3.1: 确保已经安装 , 然后打开命令行并运行以下:
& &C:\& npm install -g phonegap复制代码& && && && &
安装完成后,你可以在命令行调用的PhoneGap获得进一步的帮助。
用法&&$ phonegap create my-app
$ cd my-app
$ phonegap run android& &&&复制代码
注册时间最后登录阅读权限10积分20精华0帖子
新手上路, 积分 20, 距离下一级还需 30 积分
我安装了xcode 和你上面写的。还需要装什么?
提示错误如下:
bogon:my-app admin$ phonegap run ios
[phonegap] detecting iOS SDK environment...
[phonegap] using the local environment
[phonegap] adding the iOS platform...
&&return binding.open(pathModule._makeLong(path), stringToFlags(flags), mode);
& && && && && &&&^
Error: ENOENT, no such file or directory '/Users/admin/my-app/www/config.xml'
& & at Object.fs.openSync (fs.js:427:18)
& & at Object.fs.readFileSync (fs.js:284:15)
& & at Object.config_parser (/usr/local/lib/node_modules/phonegap/node_modules/cordova/src/config_parser.js:24:45)
& & at Object.platform (/usr/local/lib/node_modules/phonegap/node_modules/cordova/src/platform.js:64:15)
& & at LocalBuildCommand.module.exports.addPlatform (/usr/local/lib/node_modules/phonegap/lib/phonegap/local.build.js:153:13)
& & at LocalBuildCommand.execute (/usr/local/lib/node_modules/phonegap/lib/phonegap/local.build.js:95:32)
& & at LocalBuildCommand.run (/usr/local/lib/node_modules/phonegap/lib/phonegap/local.build.js:70:10)
没有P币?共享开发案例或转载开发文章就能够得到P币!
注册时间最后登录阅读权限10积分20精华0帖子
新手上路, 积分 20, 距离下一级还需 30 积分
换了个命令,出以下错误
bogon:~ admin$ cd helloworld
bogon:helloworld admin$ cordova platform add ios
{ [Error: ENOENT, no such file or directory '/Users/admin/helloworld/www/config.xml']
&&errno: 34,
&&code: 'ENOENT',
&&path: '/Users/admin/helloworld/www/config.xml',
&&syscall: 'open' }
注册时间最后登录阅读权限10积分20精华0帖子
新手上路, 积分 20, 距离下一级还需 30 积分
都是说没有config.xml文件
没有P币?共享开发案例或转载开发文章就能够得到P币!
注册时间最后登录阅读权限10积分9精华0帖子
新手上路, 积分 9, 距离下一级还需 41 积分
你好& &我安装 报错啊!&&npm http GET
npm http 200
npm http GET
npm http 200
npm ERR! Error: EACCES, mkdir '/usr/local/lib/node_modules/phonegap'
npm ERR!&&{ [Error: EACCES, mkdir '/usr/local/lib/node_modules/phonegap']
咋回事呢&&我mac电脑中根本找不到 node.js文件
没有P币?共享开发案例或转载开发文章就能够得到P币!
注册时间最后登录阅读权限10积分16精华0帖子
新手上路, 积分 16, 距离下一级还需 34 积分
hhb 发表于
你好& &我安装 报错啊!&&npm http GET https://registry.npmjs.org/phonegap
npm http 200 https://regist ...
用sudo npm install -g phonegap
没有P币?共享开发案例或转载开发文章就能够得到P币!
注册时间最后登录阅读权限10积分16精华0帖子
新手上路, 积分 16, 距离下一级还需 34 积分
编译后的软件包是存在什么地方了?
没有P币?共享开发案例或转载开发文章就能够得到P币!
注册时间最后登录阅读权限10积分9精华0帖子
新手上路, 积分 9, 距离下一级还需 41 积分
freya1130 发表于
用sudo npm install -g phonegap
恩 现在安装成功了 ,但是我的xcode依然找不到 创建phonegp 工程入口
没有P币?共享开发案例或转载开发文章就能够得到P币!
注册时间最后登录阅读权限10积分16精华0帖子
新手上路, 积分 16, 距离下一级还需 34 积分
hhb 发表于
恩 现在安装成功了 ,但是我的xcode依然找不到 创建phonegp 工程入口
3.0不需要在XCODE里创建项目。
$ phonegap create my-app
$ cd my-app
$ phonegap run ios
这样就会生成一个IOS的应用,在 my-app项目platforms/ios文件夹下会有xcode的porject,可以用xcode打开然后build到手机上测试
PS:需要有一个ADOBE的账号才可以生成应用
没有P币?共享开发案例或转载开发文章就能够得到P币!
注册时间最后登录阅读权限10积分10精华0帖子
新手上路, 积分 10, 距离下一级还需 40 积分
在nodejs下输入安装的命令行啥反应没有啊,各种环境都已经安装齐全,之前2.9.0的时候都正常使用……
输入这个命令npm install -g phonegap
之后只有提示npm should be run outside of the node repl, in your normal shell.
没有P币?共享开发案例或转载开发文章就能够得到P币!

我要回帖

更多关于 vue.js 开发环境 的文章

 

随机推荐